<script lang="ts" setup>
import { Settings } from 'lucide-vue-next';

import { BasicIconButton } from '@/components/Basic';

import Preferences from './preferences.vue';

const emit = defineEmits<{ clearPreferencesAndLogout: [] }>();

function clearPreferencesAndLogout() {
  emit('clearPreferencesAndLogout');
}
</script>
<template>
  <Preferences @clear-preferences-and-logout="clearPreferencesAndLogout">
    <BasicIconButton>
      <Settings class="size-4 text-foreground" />
    </BasicIconButton>
  </Preferences>
</template>
